<template>
  <div>
    <a-table :columns="columns" :data-source="listData" :rowKey="record=>record._id" bordered></a-table>
  </div>
</template>
<script>
export default {
  name: "TownTable",
  components: {},
  props: {
    columns: {
      type: Array,
    },
    listData: {
      type: Array,
    },
  },
  watch: {
    listData: {
      deep: true,
      immediate: true,
      handler(a) {
        console.log(a);
      },
    },
  },
};
</script>